<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
<style type="text/css">
html,body{
	margin: 0;
	padding: 0;
	background: black;
}

#playground {
	cursor: crosshair;
}

#darkbg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#message_box {
	width: 300px;
	background: #fff;
	
	padding: 5px;
	
	border: 4px solid #f0f0f0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 
	position: absolute;
	top: 100px;
	left: 35%;
	margin-left: auto;
 
	text-align: center;
	z-index: 1000;
	display: none;
}
#message_box input[type=button] {
	float: right;
	margin-right: 10px;
}
</style>

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.gamequery.js" type="text/javascript"></script>

<script src="spiel.js" type="text/javascript"></script>

</head>
<body>

<div id="playground" style="width: 1000px; height: 600px; background: black;">
		<div id="welcomeScreen" style="width: 1000px; height: 600px; position: absolute; z-index: 100; background-image: url(logo.png); font-family: verdana, sans-serif;">
			<div style="position: absolute; left:12%; top: 120px; width: 700px; color: white;">
				<!--<div id="loadingBar" style="position: relative; left: 100px; height: 15px; width: 0px; background: red;"></div><br />-->
				<center><div style=""><h1>Willkommen bei Reshot!</h1></div></center></br>
				<div align="center">Bei diesem Spiel geht es darum schnellst möglich soviele Punkte wie 
				möglich zu erzielen indem man die Gegner abschießt, aber selber nicht getroffen wird.
				</br></br>Mit den Tasten "A" und "D" bewegst du deine Figur nach links und rechts.</br>Mit der Taste "W" kannst du aus der Deckung heraus kommen um zu schießen.</div></br></br>
				<center><a style="cursor: pointer; font-size: large;" id="startbutton">Click here to start!</a></center>
			</div>
		</div>
	</div>
	<div id="overlay"></div>
</body>
</html>
